<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>购物车确认</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/fun.js"></script>
</head>

<body>
	<div class="top">
		<div class="wrap">
			<div class="fl"><a href="#"><span class="star"></span>收藏我们</a></div>
			<ul class="top_right fr">
				<li><span>|</span><a href="#">我的订单</a></li>
				<li><span>|</span><a href="#">帮助中心</a></li>
				<li><span>|</span><a href="#">客户服务</a></li>
				<li><span>|</span><a href="#">网站导航</a></li>
			</ul>
			<div class="top_btn fr"><a href="#">你好，请登录</a><a href="#">免费注册</a></div>
			<div class="welcome fr">大洋商城欢迎您！</div>
		</div>
	</div>
	<!--top end-->
	<div class="header">
		<div class="wrap">
			<div class="logo"><a href="/"><img src="images/logo.png" alt="logo" /></a></div>
			<div class="search fl">
				<div class="formbox clearfix">
					<form method="get" method="#">
						<input type="text" class="txt" value="节能空调" />
						<input type="submit" class="btn" value="搜索" />
					</form>
				</div>
				<p class="search-hot">热门搜索：<a href="#" class="active">节能空调</a><a href="#">4K电视</a><a href="#">智能冰箱</a><a href="#">洗衣机</a><a href="#">功能沙发</a><a href="#">床衣柜</a></p>          
			</div>
			<div class="header_right fr"><span class="shopCarNum">2</span><a href="#" class="a1">个人中心</a><a href="#" class="a2">查看购物车</a></div>
		</div>
	</div>
	<!--header end-->
	<div class="navbox">
		<div class="wrap">
			<ul class="nav fl">
				<li class="navli">
					全部商品分类<i></i>
					<dl class="sub">
						<dt><i class="c1"></i><a href="#">大家电</a></dt>   
						<dd><a href="#">液晶彩电</a><a href="#">空调</a><a href="#">冰箱/冷柜</a><a href="#">洗衣机/干衣机</a><a href="#">家庭影院</a></dd>
						<dt><i class="c2"></i><a href="#">厨房电器</a></dt>      
						<dd><a href="#">热水器</a><a href="#">煤气炉</a><a href="#">抽油烟机</a><a href="#">消毒柜/洗碗机</a><a href="#">烤箱/微波炉</a></dd>
						<dt><i class="c3"></i><a href="#">生活电器</a></dt>   
						<dd><a href="#">电烤炉/多士炉</a><a href="#">焗炉/面包机</a><a href="#">蒸笼/肉排机</a><a href="#">抽湿机/加湿机</a></dd>
						<dt><i class="c4"></i><a href="#">个护健康</a></dt>      
						<dd><a href="#">剃须刀</a><a href="#">剃/脱毛器</a><a href="#">理发器</a><a href="#">口腔护理</a><a href="#">电吹风</a><a href="#">美容器</a></dd>
						<dt><i class="c5"></i><a href="#">五金家装</a></dt>      
						<dd><a href="#">电动工具</a><a href="#">手动工具</a><a href="#">灯具</a><a href="#">仪器仪表</a><a href="#">浴霸/排气扇</a></dd>
					</dl>
				</li>
				<li><a href="#">首页</a></li>
				<li><a href="#">电器城</a></li>
				<li><a href="#">居家日用</a></li>
				<li><a href="#">团购</a></li>
			</ul><!--nav end-->
			<div class="nav-right fr">
				<div class="hd">
					<a class="prev"></a>
					<a class="next"></a>
				</div>
				<div class="bd">
					<ul>
						<li><a href="#">三星平板<span>588元</span></a></li>
						<li><a href="#">三星平板<span>588元</span></a></li>
						<li><a href="#">三星平板<span>588元</span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!--navbox end-->
	<div class="path wrap">当前位置:<a href="#">首页</a>&gt;<a href="#">购物车</a></div>
	<!--path end-->
	<div class="wrap">
		<div class="step bg2"></div>
	</div>
	<!--wrap end-->
	<div class="shopCar wrap clearfix">
		<div class="fl">
			<form method="get" action="#">
			<div class="distribution">
				<h1 class="distribution-title">请选择配送方式</h1>
				<ul class="express">
					<li><input type="radio" /><span class="express-name">顺丰</span><span class="express-price">配送费用: <i>¥10.00</i></span><span class="express-desc"></span></li>
					<li><input type="radio" /><span class="express-name">同城配送</span><span class="express-price">配送费用: <i>¥0.00</i></span><span class="express-desc">放心购，正品有保障，同城半日达，一站式服务。</span></li>
					<li><input type="radio" /><span class="express-name">门店自取</span><span class="express-price">配送费用: <i>¥0.00</i></span><span class="express-desc">客户可以凭身份证与购物预留手机号码到门店办公室自取</span></li>
				</ul>
				<h1 class="distribution-title"><a href="#">管理收货地址</a>收货人地址</h1>
				<ul class="address-list">
					<li><input type="radio" /><b>龚杰辉</b>中国&nbsp;&nbsp;广东省佛山市顺德大良&nbsp;&nbsp;13434800624</li>
					<li><input type="radio" />使用新的收货地址</li>
				</ul>
				<dl class="address-form clearfix">
					<dt><label>收货人姓名</label></dt>
					<dd><input type="text" class="txt" /><i>请填写真实姓名</i></dd>
					<dt><label>所在地区</label></dt>
					<dd>
						<select name="">
							<option>请选择...</option>
							<option>顺德大良</option>
							<option>顺德容桂</option>
						</select>
						<i>请选择地区</i>
					</dd>
					<dt><label>详细地址</label></dt>
					<dd><input type="text" class="txt t2" /><i>请填写真实地址，不需要重复填写所在地区</i></dd>
					<dt><label>邮政编码</label></dt>
					<dd><input type="text" class="txt" /><i>邮政编码</i></dd>
					<dt><label>电话号码</label></dt>
					<dd><input type="text" class="txt" /><i>固定电话和手机至少填一项</i></dd>
					<dt><label>手机号码</label></dt>
					<dd><input type="text" class="txt" /><i>手机和固定电话至少填一项</i></dd>
					<dt></dt>
					<dd><input type="checkbox" class="cb" />自动保存收货地址<i>( 选择后该地址将会保存到您的收货地址列表 )</i></dd>
				</dl>
				<h1 class="distribution-title">发票信息</h1>
				<ul class="invoice">
					<li><input type="radio" /><b>个人发票</b></li>
					<li><input type="radio" /><b>公司发票</b><span>公司发票需联系客服提供相关开票证明</span></li>
				</ul>
				<h1 class="distribution-title">给卖家的附言</h1>
				<div class="shopMsg"><textarea>选填，可以告诉卖家您对商品的特殊需求，如颜色、尺码等</textarea></div>
				<h1 class="distribution-title">使用优惠劵</h1>
				<div class="coupon">
					优惠券编号:<input type="tex" class="txt" /><input type="submit" class="btn" value="检查" />
				</div>
			</div><!--distribution end-->
			<div class="shopResult">
				<div class="shopResult-left"><a href="#">返回购物车 &gt;&gt;</a></div>
				<div class="shopResult-right">商品总价（不含运费）：<span>¥ 4398.00</span></div>
				<input type="submit" value="下单并完成支付 &gt;" />
			</div>
			</form>
		</div>
		<div class="fr">
			<div class="shopList">
				<h1 class="shopList-name">商品清单</h1>
				<div class="shopList-content">
					<h3 class="shopList-content-top">店铺: <span>大洋商城</span></h3>
					<ul class="shopList-content-list">
						<li>
							<div class="imgbox"><a href="#"><img src="images/s1.jpg" alt="产品" /></a></div>
							<p><a href="#">TCL D49A561U 49英寸4K超清安卓4.2内置WIFI智能云电视（黑色）</a></p>
							<span><i>¥</i>3699.00（1件）</span>
						</li>
						<li>
							<div class="imgbox"><a href="#"><img src="images/s2.jpg" alt="产品" /></a></div>
							<p><a href="#">TCL D49A561U 49英寸4K超清安卓4.2内置WIFI智能云电视（黑色）</a></p>
							<span><i>¥</i>3699.00（1件）</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!--wrap end-->
	<div class="bottom">
		<div class="wrap">
			<ul class="bottom_top">
				<li>
					<i class="b1"></i>
					<h3><a href="#">送货入户</a></h3>
					<p>大家电搬上楼，直送家中</p>
				</li>
				<li>
					<i class="b2"></i>
					<h3><a href="#">顺丰包邮</a></h3>
					<p>3C数码顺丰免费配送</p>
				</li>
				<li>
					<i class="b3"></i>
					<h3><a href="#">无忧退换货</a></h3>
					<p>7天可退货/15天可换货</p>
				</li>
				<li>
					<i class="b4"></i>
					<h3><a href="#">全国联保</a></h3>
					<p>在线保修/品牌售后</p>
				</li>
				<li class="last">
					<i class="b1"></i>
					<h3><a href="#">货票同行</a></h3>
					<p>手机/发票一同送达</p>
				</li>
			</ul>
			<div class="bottom_con clearfix">
				<dl class="bottom_link">
					<dt>新手上路</dt>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">会员介绍</a></dd>
					<dd><a href="#">发票制度</a></dd>
					<dd><a href="#">常见问题</a></dd>
				</dl>
				<dl class="bottom_link">
					<dt>支付方式</dt>
					<dd><a href="#">支付宝支付</a></dd>
					<dd><a href="#">网银支付</a></dd>
					<dd><a href="#">门店支付</a></dd>
				</dl>
				<dl class="bottom_link">
					<dt>物流配送</dt>
					<dd><a href="#">物流配送费用说明</a></dd>
					<dd><a href="#">极速配送</a></dd>
					<dd><a href="#">门店自提</a></dd>
					<dd><a href="#">配送范围及时间</a></dd>
					<dd><a href="#">配送状态查询</a></dd>
				</dl>
				<dl class="bottom_link">
					<dt>售后服务</dt>
					<dd><a href="#">服务总则</a></dd>
					<dd><a href="#">咨询与投诉</a></dd>
					<dd><a href="#">维修与安装</a></dd>
					<dd><a href="#">退换货政策</a></dd>
				</dl>
				<dl class="bottom_link">
					<dt>商家服务</dt>
					<dd><a href="#">商家帮助</a></dd>
				</dl>
				<div class="bottom_right">
					<h3>热线电话</h3>
					<p><i class="phone"></i>400-800-8888</p>
					<h3>关注我们</h3>
					<p><a href="#"><i class="wb"></i>大洋电器</a><a href="#"><i class="wx"></i>官方微信</a></p>
				</div>
			</div>
		</div>
	</div>
	<!--bottom end-->
	<div class="footer">
		<div class="wrap">
			<div class="footer_link">
				<a href="#">关于大洋电器</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">诚聘英才</a><span>|</span><a href="#">友情链接</a><span>|</span><a href="#">法律声明</a><span>|</span><a href="#">帮助中心</a><span>|</span><a href="#">客户服务</a>
			</div>
			<p>Copyright© 2002-2015 ，大洋电器版权所有 互联网信息服务资格证编号 网络文化经营许可证京网文[2011]0888-088号 粤ICP备XXXXXX号 技术支持:<a href="www.361dl.com">网商动力</a></p>
			<p><a href="#"><img src="images/f1.jpg" alt="经营性网站备案信息" /></a><a href="#"><img src="images/f2.jpg" alt="可信网站信用评价" /></a><a href="#"><img src="images/f3.jpg" alt="朝阳网络警察提醒你" /></a><a href="#"><img src="images/f4.jpg" alt="诚信网站" /></a></p>
		</div>
	</div>
	<!--footer end-->
	<ul class="fixbox">
		<li id="toTop">返回顶部</li>
		<li id="code">二维码</li>
		<div class="codebox">
			<img src="images/ewm.jpg" alt="二维码" />
			<p>扫描二维码，关注大洋商城</p>
		</div>
	</ul>
</body>
</html>
